Axure 您所在的位置:网站首页 拟物化图标设计可以用axure rp Axure

Axure

2023-06-05 08:27| 来源: 网络整理| 查看: 265

目录

一、认识产品经理

1.1 基本概述

1.2 产品经理工作范围

二、原型设计介绍

2.1 原型设计概述

2.2 原型设计分类

2.3 原型设计的流程

2.4 原型设计工具

2.5 原型测试流程

三、Axure 9介绍

3.1 Axure 9 概述

3.2 Axure的应用场景

3.3 Axure 9 下载、安装、汉化、激活

3.4 Axure 9 界面介绍

四、基础操作

4.1 文件

4.2 备份中恢复

4.3 画布操作

4.4 元件操作

4.5 常用快捷键

一、认识产品经理 1.1 基本概述

产品经理,英文:Product manager,缩写是PM

是指在公司中针对某一项或某一类的产品进行规划和管理的人员,主要负责产品的研发、制造、营销、渠道等工作。

从产品的诞生,到原型、交互、实现、上线,协调一切可以协调的资源使其存活,成长,开花,结果。

1.2 产品经理工作范围 确定产品定位展开市场调研明确用户需求组织研发产品协调运营推广

1、市场分析:找准市场方向,确定哪个市场是值得进入的

2、用户分析:针对目标市场的用户,分析他们的特征和需求,从而得到产品的需求和方向

3、产品实现:组织相关的人力和资源,比如开发、UI、测试、运营、客服等,将产品实现出来,并发布上线

4、产品运营:将产品推广出去,吸引用户使用,并根据用户的反馈和数据统计结果,继续优化迭代产品

二、原型设计介绍 2.1 原型设计概述

原型(prototype)这个词来自拉丁文的词proto,意谓“最初的”,意义是形式或模型。在非技术类的文中,一个原型是给定种类的一个代表性例子。_墨刀

原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言,原型是一种沟通工具。

线框图描绘的是页面功能结构,它不是设计稿,也不代表最终布局,线框图所展示的布局,最主要的作用是描述功能与内容的逻辑关系。

原型图是最终系统的代表模型或者模拟,比线框图更加真实、细致。

2.2 原型设计分类

草图

一般主要用于产品经理整理思路,寻找灵感,或者在产品团队内部相互讨论碰撞火花时使用。画给自己看的想怎么画就怎么画。

低保真

打个比喻来说就像,用于“生产的图纸”,要简单易读,内容全面,标注准确,是其他同事工作的参考,因此必须带有交互说明。

高保真

用来展现效果的原型,大量使用真实的图片,真实的色彩,拟真的交互效果,努力营造真实产品的使用状态,除非特殊要求,一般不带交互说明。

2.3 原型设计的流程

开始做原型之前,请先考虑清楚以下几个要素:

做这个原型的目的是什么?这个原型的受众是谁?这个原型有多大效率帮助我传达设计或测试设计?有多少时间做原型?需要什么级别的保真程度?

2.4 原型设计工具

选择什么工具来制作原型?主要考虑以下几个因素(排名分先后)

熟悉程度和获得工具的便利度;所需的时间和精力;可复用的代码/框架;为测试创建可用的原型;价格和学习曲线。

Axure Balsamiq Mockups 墨刀 Justinmind iClap

2.5 原型测试流程

测试结果取决于测试者,务必招募到合适的人。要找到合适的人,需要对测试者制定一系列的筛选标准,比如一个社交产品绝对不可能找一个连电子邮件都没有的人来测试。

用户如何开始任务的?(是搜索还是浏览?)他先做了什么,再做了什么?他如何做出最终决定的?他们是否领会了设计意图?有什么操作困难?............

三、Axure 9介绍 3.1 Axure 9 概述

Axure RP是美国"Axure Software Solution"公司出品的一-款快速原型(Rapid Prototyping )软件;

一般来说,使用者会直接将它称为Axure。

功能:用于制作快速原型的软件。也可以绘制中保真原型草图。应用人群:产品经理、交互设计师、UI设计师、网页设计师。原型分类:低保真(手绘草图)、中保真(使用相关软件绘制出来的)、高保真(包含效果图及原型交互)

3.2 Axure的应用场景

拉投资使用:让投资人对产品有直观的了解;

给项目团队:使用线框图和文字说明,介绍产品细节,方便团队做出产品出现问题追责;

销售用来做演示:给客户提供定制化产品时,使用原型看到最终的产品模型; 

项目投标使用:使用高保真原型参与投标,体现公司的实力,提升企业形象;

内部收集反馈:为了避免需求混乱造成的资源消耗,先使用高保真原型获取用户反馈并优化;

教学使用:使用Axure,可以代替PPT进行项目展示,进行演讲和教学;

3.3 Axure 9 下载、安装、汉化、激活

3.3.1 Axure 9  下载

Axure RP - UX Prototypes, Specifications, and Diagrams in One Tool

3.3.2 Axure 9 安装

双击安装包进入Axure安装页面,提示:需要安装.net Framework,点击接收并安装点击next,进入下一个页面操作勾选我同意条款,点击next,进入下一个页面操作根据用户要求,可更改存储路径,点击next进入下一个页面操作安装

3.3.3 Axure 9 汉化

        找到安装文件目录下的【汉化文件】文件夹并双击进入

        将所有的文件赋值到Axure安装目录下

3.3.4 Axure 9 激活

        可以去网上找激活码

3.4 Axure 9 界面介绍

进入主页后,Axure页面主要分为:菜单栏、工具栏、站点地图、元件库|母版、工作区域、样式交互

1. 工具栏:主要操作功能。 2. 站点地图:类似大纲界面,方便理清原型框架及逻辑关系。 3. 元件库:调用所需元件的界面。 4. 画布:展示原型部分,可以理解为画画的画布。 5. 元件属性页面:用于做一些交互效果和编辑元件样式的界面。

功能区域

整体功能区主要包括软件的菜单栏,快捷操作按钮(对齐,复制,粘贴等等),页面元素的属性调整(元素的对齐方式、大小、颜色等等)。

概要区域

整个页面原型由元件(元素:个人喜欢称页面中的元件为元素)拼装而成。

在本区域可以看到页面中的所有元素。可以通过调整他们的元素层级来展示对应的上下关系(Axure 按照先后顺序进行渲染的,所有有的时候有些元素没有展示,就是因为被其他元素给遮盖了。所以在这个部分需要进行调整前后关系。)

页面区域

页面功能区域,主要是构成了Axure 制作完成的页面组成结构。这里创建了多少页面,Axure原型中就会存在多少页面。

在Axure的页面导航栏中,可以建立页面父子关系,便于页面的管理与识别。

Axure 也提供了页面分组的功能,方便使用者进行相同类型(相同模块)的页面归类。

元件区域

元件库区域主要包括基础的元件库(官方自带元件库)和扩展的元件库(用户自行安装的元件库)。

元件库的主要目的是能够快速的构建原型。在基础的元件库中,官方提供了常规的一些图片,文本,矩形,线段等等常规元件。也提供了进阶的中继器,内联框架等功能性的元件。

绘图区域

绘图区域为整个Axure的页面绘制区域(工作区域)。

我们可以通过元件库的元件拼装绘制自己想要的效果图,借助调整元件样式的属性,达到我们想要的页面效果,同时配置交互事件制作完整的交互原型。

母版区域

母版区域,主要用于整个项目中的页面模块的复用。使得在制作项目的时候,能够对相同的元素做到统一修改变更的作用。同时母版支持页面级信息的自定义替换。

例如:我们可以创建一些整个项目中的公用母版。如:搜索栏,翻页等等,这些都可以通过母版的改动达到全局的改动。

交互区域

交互:配置原型的跳转点击等事件相关事件。

在Axure中可以通过设置鼠标点击、鼠标双击等相关事件达到原型的网页预览交互效果。

样式区域

样式:主要进行页面的样式修改与配置,元件(元素)样式修改与配置。

说明区域

说明:进行页面整体信息备注说明,或元件(元素)信息备注说明等。

四、基础操作 4.1 文件

关于Axure的文件,能够打开、新建与八寸,或可以从其他RP文件导入原型内容。

RP文件指的是Axure保存的源文件,以“.rp”为扩展名,除此之外还有

.rp: 原型文件; .rplib:元件库文件; .rpteam:团队项目文件; .html:网页文件;

4.2 备份中恢复

在AxureRP9中,会每隔15分钟对正在操作的原型文件做一次备份。若想设置的话,可以在【备份设置】中进行更改。

步骤:文件-->备份设置-->输入时间-->保存

4.3 画布操作

打开画布:在页面模块中,双击任何一个页面,都可以打开相应的画布,同时画布区域上方出现对应的标签。 

关闭画布:点击标签上的关闭按钮,或者在画布标签上点击鼠标右键,通过在菜单中选择相应的关闭选项完成操作。 

画布排序:通过鼠标拖动画布标签进行排序。 

恢复原位:点击画布左上角的准星图标或者快捷键**`+9`**键,即可让画布回到原点。 

移动画布:通过滚动条移动画布;或者,按住键不放,画布中的鼠标指针变为抓手形状,此时即可拖动画布进行移动;也可以通过鼠标滚轮垂直方向移动画布,按住**``**键不放,通过鼠标滚轮水平方向移动画布。 

缩放画布:在工具栏中通过改变显示比例缩放画布,或者按住**``**键不放,通过鼠标滚轮改变画布显示比例。

4.4 元件操作

使用:如果想使用某个元件,我们只需要将它从元件库中拖入画布摆放即可。 

对齐:默认情况下,两个矩形元件并排摆放,中间的边框为两条边框的宽度,如果想保持一条边框的宽度,需要在【偏好设置】中,进行【元件对齐】的设置。 

旋转:元件的旋转可以通过按下键的同时,拉动元件任意一个边界点来实现。旋转之后,可以通过右键菜单【变换形状】-【重置文本到 0°】 。

圆角:矩形元件可以编辑圆角,通过鼠标指针拖动矩形左上方的小三角形图标即可改变圆角的大小。 

改变形状:形状类元件都可以通过点击鼠标右键,在菜单中通过【选择形状】将当前形状改变为其他形状。 

改变尺寸:可以通过鼠标指针拖动元件的边界点任意改变。

元件的尺寸;也可以按住不放,同时鼠标指针拖动元件边界点等比改变元件的尺寸。 

复制元件:通过鼠标右键菜单的【复制】与【粘贴】,或者使用通用快捷键键与键可以完成画布间或者软件间的复制粘贴操作;同一画布中,可以通过键进行复制;或者,按住键不放,拖动元件到新的位置松开,完成复制与摆放的操作。 

编辑文字:部分元件可以添加文字内容。在未开启单键快捷键功能时,直接输入即可替换当前文字内容;开启单键快捷键功能时,需要双击元件或者在元件上点击按下回车键进入文字编辑状态。

4.5 常用快捷键

添加元件类

复制  粘贴  剪切

R:矩形; L:线段; 0:圆形; P:绘画; T:文本;

操作类

S:图片切割; :预览原型; C:图片裁剪; /:发布原型到Axure云; X:创建交互; 0:元件透明度0%和100%切换; N:添加说明; 1-9:元件透明度10%-90%;



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有